<template>
  <div>
    <el-row>
      <el-row class="paragraph_spacing">
        <div class="clearfix">
          <div class="left" style="padding-top:15px; margin-right: 20px">
            <slot name="top-img" />
            <!-- <img alt="icon" src="@/assets/template.png"> -->
          </div>

          <div class="left">
            <slot name="top-info" />
            <!-- <p class="large">{{templateDetail.chartName}}</p>
              <span class="base">描述：{{templateDetail.description}}</span><br> -->
          </div>
        </div>
      </el-row>

      <el-row type="flex" justify="space-between" class="row_spacing">
        <el-col :span="8">
          <div class="div-show-total">
            <slot name="mideum-left" />
            <!-- 当前共有 <span class="font-bold">{{templateDetail.usedProjNum}}</span> 个项目依赖此模版 -->
          </div>
        </el-col>
        <el-col :span="16" class="clearfix">
          <slot name="mideum-right" />
          <!-- <el-button type="primary" class="right"  icon="el-icon-document">配置</el-button> -->
        </el-col>
      </el-row>

      <div id="div1" class="white app-container">
        <el-row type="flex" justify="center">
          <el-col :span="16">
            <slot name="bottom" />
          </el-col>
        </el-row>
      </div>
    </el-row>
  </div>
</template>

<script>
export default {
  props: {

  }
}
</script>
